<style src="./index.scss" lang="scss" scoped rel="stylesheet/scss"></style>
<template src="./index.html"></template>
<script>
    export default {
        name: "",
        computed: {},
        data() {
            return {


            };
        },
        methods: {
            closeBaseLoadModal() {
                this.$vFN.Tools.setLoad(0)
            },
        },
        computed: {
            baseLoadModal() {
                return this.$store.getters.get_baseLoadModal;
            }
        },
        watch: {
            baseLoadModal: {
                handler() {
                    // const loading = this.$loading({
                    //     body:true,
                    //     lock: true,
                    //     text: 'Loading' + this.baseLoadModal,
                    //     spinner: 'el-icon-loading',
                    //     background: 'rgba(0, 0, 0, 0.7)'
                    // });
                    // console.error("this.baseLoadModal", this.baseLoadModal)
                },
                immediate: true,
                deep: true,
            },
        },
        async mounted() {
            this.$nextTick(() => {
                const body = document.querySelector("body");
                if (body.append) {
                    body.append(this.$el);
                } else {
                    body.appendChild(this.$el);
                }
            });

        },
        beforeCreate() {},
    };
</script>